	<template>
	<div class="homeSty">
	<swiper :swiperList="swiperList" :isFull="true" attribute="img"></swiper>
	<div>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/new">
			                    <span class="mui-icon-extra mui-icon-extra-topic"></span>
			                    <div class="mui-media-body">新闻资讯</div></router-link>
			             </li>
			            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/photolist">
			                    <span class="mui-icon-extra mui-icon-extra-class"><span class="mui-badge">5</span></span>
			                    <div class="mui-media-body">图片分享</div></router-link>
			            </li>
			            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/goodsList">
			                    <span class="mui-icon-extra mui-icon-extra-cart"></span>
			                    <div class="mui-media-body">商品购买</div></router-link>
			            </li>
			            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
			                    <span class="mui-icon mui-icon-email"></span>
			                    <div class="mui-media-body">留言反馈</div></a>
			            </li>
			            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
			                    <span class="mui-icon mui-icon-search"></span>
			                    <div class="mui-media-body">视频专区</div></a>
			            </li>
			            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
			                    <span class="mui-icon mui-icon-phone"></span>
			                    <div class="mui-media-body">联系我们</div></a>
			            </li>
			           
			        </ul> 
	</div>
	</div>
	</template>


	<script>
	import swiper from '../sub-components/swiper.vue'
	export default{
	  data(){
	    return{
	      swiperList:[]

	    }
	  },
	  components:{
	  	swiper
	  },
	  created(){
	   this.getSwiperList()

	  },
	  methods:{
	     async getSwiperList(){
	   	const {data}=await this.$http.get('/api/getlunbo')
	   	if(data.status===0) this.swiperList=data.message
	   }
	}
	}
	</script>

	<style lang="less">
	.homeSty{

	}

	</style>